<template>
  <a-form layout="inline" :model="formState">
    <a-form-item name="date-picker" label="">
      <a-date-picker value-format="YYYY-MM-DD" placeholder="年/月/日" />
    </a-form-item>
    <a-form-item label="项目">
      <a-select ref="select" placeholder="请选择" v-model="selected" style="width: 200px">
        <a-select-option value="a">项目a</a-select-option>
        <a-select-option value="b">项目b</a-select-option>
        <a-select-option value="c">项目c</a-select-option>
        <a-select-option value="d">项目d</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item label="检测点">
      <a-select ref="select" placeholder="请选择" v-model="selected2" style="width: 200px">
        <a-select-option value="a">检测点a</a-select-option>
        <a-select-option value="b">检测点b</a-select-option>
        <a-select-option value="c">检测点c</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item label="通道">
      <a-select ref="select" placeholder="请选择" v-model="selected3" style="width: 200px">
        <a-select-option value="a">通道a</a-select-option>
        <a-select-option value="b">通道b</a-select-option>
        <a-select-option value="c">通道c</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item class="">
      <a-button type="primary"> 查询 </a-button>
      <a-button type="primary" class="mx-2"> 导出 </a-button>
      <a-button type="primary"> 删除 </a-button>
    </a-form-item>
  </a-form>
</template>

<script>
export default {
  data() {
    return {
      formState: {
        use: '',
        password: '',
        selected: null,
        selected2: null,
        selected3: null,
      },
    };
  },
};
</script>

<style>
</style>